<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/yahoo.css"/>
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <!--导航部分-->
   <link rel="stylesheet" type="text/css" href="../css/nav.css"/>
    <!--footer部分-->
    <link rel="stylesheet" href="../css/footer.css"/>
   
    <!--mask部分-->
    <link rel="stylesheet" href="../css/mask.css"/>
    <link rel="stylesheet" type="text/css" href="../css/kc-kccs.css"/>
    <link rel="stylesheet" href="../css/qrcode.css"/>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>课程超市</title>
</head>
<body>
<!--导航部分-->
<!--页头导航修改-->
<nav style="box-shadow: 5px 5px 5px 5px #C0C0C0;">
	<div class="nav-1">
		<ul class="fl nav-ul">
            <li>
                <div class="shiZ">
                    <span>市直学院<i class="glyphicon glyphicon-menu-down" aria-hidden="true" style="margin-left: 15px"></i></span>
                </div>
            </li>
            <li class="active">
                <a href="##" style="color: red">首页</a>
            </li>
            <li>
                <a href="###">个人中心</a>
            </li>
            <li>
                <a href="###">课程超市</a>
            </li>
            <li>
                <a href="###">网院公开课</a>
            </li>
            <li>
                <a href="###">直播课堂</a>
            </li>
            <li>
                <a href="###">服务中心</a>
            </li>
        </ul>
        
        <div class="search fr">
            <form>
                <input type="text" class="ipt" id="text"/>
                <span class="glyphicon glyphicon-search souS" aria-hidden="true"></span>
                <div id="loginCsiDiv">
                    <input type="button" value="登录" style="border:0;background: white;display: none" class="enter liactive"/>
                    <div class="s-dl" style="display: none">
                        <i>99</i>
                    </div>
                </div>
            </form>
            <div class="personal" style="z-index:101;display: none">
                <div class="s-dl2"></div>
                <div class="s-per">
                    <p>张三 <span>（英语外教)</span></p>
                    <p>南方中学</p>
                </div>
                <ul>
                    <li><a href="##"><i class="s-per-i1"></i>学习空间</a></li>
                    <li><a href="##"><i class="s-per-i2"></i>智慧商城</a></li>
                    <li><a href="###"><i class="s-per-i3"></i>会员中心</a></li>
                </ul>
                <div class="quit"><a href="##">安全退出</a></div>
            </div>
        </div>
	</div>
</nav>



<div class="navcom" style="width: 100%">
    <div class="wrap1200 clearfix" style="height: 85px;position: relative">
        
        <div class="sz-list">
            <div class="sz-list-content">
                <div class="mh">
                    <p class="mh-name">门户</p>
                    <ul class="mh-list">
                        <li><a href="##">株洲市教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="sxy">
                    <p class="sxy-name">市学院</p>
                    <ul class="sxy-list">
                        <li><a href="##">株洲教师教育网络学院</a></li>
                    </ul>
                </div>
                <div class="qfy">
                    <p class="qfy-name">区分院</p>
                    <ul class="sxy-list">
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="xfy">
                    <p class="xfy-name">县学院</p>
                    <ul class="xfy-list">
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--导航栏结束-->



 <!--课程选择-->
 <section class="kcxz">
 	            <div class="c-wdzykc-hidden">
                    <div class="c-wdzykc-kcxx">
                        <div class="c-wdzykc-kcxx-sdiv">
                        	<div class="c-wdzykc-kcxx-div0">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;教版：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li class="hover"><a href="##">全部</a></li>
                                    <li><a href="##">人教版</a></li>
                                </ul>
                              
                            </div>
                            <div class="c-wdzykc-kcxx-div1">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;区域：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li><a href="##">全市</a></li>
                                    <li class="hover"><a href="##">沪松区</a></li>
                                    <li><a href="##">天元区</a></li>
                                    <li><a href="##">荷塘区</a></li>
                                    <li><a href="##">石峰区</a></li>
                                    <li><a href="##">云龙区</a></li>
                                    <li><a href="##">攸县</a></li>
                                    <li><a href="##">醴陵县</a></li>
                                    <li><a href="##">炎陵县</a></li>
                                    <li><a href="##">茶陵县</a></li>
                                    <li><a href="##">株洲县</a></li>
                                   
                                </ul>
                                <div class="more">
                                	<p class="c-wdzykc-up">更多&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></p>
                                    <p class="c-wdzykc-down">收起&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></p>
                                </div>
                            </div>
                            <div class="c-wdzykc-kcxx-div2">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;学段：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li class="hover"><a href="##">全部</a></li>
                                    <li><a href="##">中职</a></li>
                                    <li><a href="##">高中</a></li>
                                    <li><a href="##">初中</a></li>
                                    <li><a href="##">小学</a></li>
                                    <li><a href="##">幼儿园</a></li>
                                    <li><a href="##">特教</a></li>
                                    
                                </ul>
                               
                            </div>
                            <div class="c-wdzykc-kcxx-div3">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;学科：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li class="hover"><a href="##">全部</a></li>
                                    <li><a href="##">语文</a></li>
                                    <li><a href="##">数学</a></li>
                                    <li><a href="##">英语</a></li>
                                    <li><a href="##">体育</a></li>
                                    <li><a href="##">政治</a></li>
                                    <li><a href="##">化学</a></li>
                                    <li><a href="##">物理</a></li>
                                    <li><a href="##">生物</a></li>
                                    <li><a href="##">历史</a></li>
                                    <li><a href="##">地理</a></li>
                                </ul>
                                <div class="more1">
                                	<p class="c-wdzykc-up">更多&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></p>
                                    <p class="c-wdzykc-down">收起&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></p>
                                </div>
                            </div>
                            <div class="c-wdzykc-kcxx-div4">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;年级：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li class="hover"><a href="##">全部</a></li>
                                    <li><a href="##">一年级</a></li>
                                    <li><a href="##">二年级</a></li>
                                    <li><a href="##">三年级</a></li>
                                    <li><a href="##">四年级</a></li>
                                    <li><a href="##">五年级</a></li>
                                    <li><a href="##">六年级</a></li>
                                    <li><a href="##">七年级</a></li>
                                    <li><a href="##">八年级</a></li>
                                    <li><a href="##">九年级</a></li>
                                </ul>
                                
                            </div>
                            <div class="c-wdzykc-kcxx-div5">
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;学校：</h4>
                                <ul class="c-wdzykc-kcxx">
                                    <li><a href="##">全部</a></li>
                                    <li><a href="##">南方学校</a></li>
                                    <li><a href="##">二中</a></li>
                                    <li><a href="##">八中</a></li>
                                    <li class="hover"><a href="##">南方中学</a></li>
                                     <li><a href="##">南方中学</a></li>
                                    <li><a href="##">南方中学</a></li>
                                    <li><a href="##">南方中学</a></li>
                                </ul>
                            </div>
                            
                        </div>
                       </div>
                    </div>
               
 </section>
                
<!--隐藏已参加课程-->
<div class="conceal">
	
	<div class="conceal-1">
		<div class="choose">
			<span><img src="../img/hengxian.png"/></span>
			<span class="choose-1">隐藏已参加课程</span>
			<span class="choose-2">
				<span class="choose-21 active-choose">1</span>/<span class="choose-22">2</span>
			</span>
			<span class="choose-3">
				<img class="choose-31" src="../img/zuozuo_03.png"/>
				<img class="choose-32" src="../img/youyou.png"/>
			</span>
			<!--<span>
				<img src="../img/youyou.png"/>
			</span>-->
		</div>
		<ul class="page">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
		
		
		<ul class="page">
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
			<li>
				<div class="page-1">
					<img src="../img/图层-67.png"/>
					<span>直播：01月22日-02月30日</span>
				</div>
				<div class="page-2">
					<span>课程名称课程名称课程名称课程名称课程名称课程名称</span>
				    <p style="margin-top: 25px;">获得学分：<span style="color: #59CB9D;">236</span></p>
				    <p style="margin-top: 10px;">消耗积分：<span style="color:#FF5E00;">236</span></p>
				</div>
			</li>
		</ul>
		
		
		
		
		
		<!--下一页-->
 <div class="c-page" style="margin-top: 100px">
        <a href="##">首页</a>
        <a href="##">上一页</a>
        <ul>
            <li class="c-hover"><a href="##">1</a></li>
            <li><a href="##">2</a></li>
        </ul>
         <a href="##">下一页</a>
         <a href="##">尾页</a>
</div>
		
	</div>
</div>

















<!--foorer部分-->
<div class="footer" style="margin-top: 100px">
    <div>
        <p>主办：株洲市教师培训中心</p>
        <p>湘ICP备10001590号　办公室：0731-22529866</p>
        <p>Copyright © 2005-2011</p>
        <p>湖南润成天睿教育网络科技提供技术支持</p>
    </div>
</div>
<!--footer部分结束-->
<!--遮罩层部分-->
<div class="mask">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>密码登录</h6>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="身份证号码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="6-16位密码，不区分大小写">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">下次自动登录
                    </label>
                    <a href="##">忘记密码</a>
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>
<!--二维码-->
<div class="aQrcode">
    <div class="QRcode">
        <a href="">
            <span class="QRcode-1"><img src="../img/001.png"/></span>
           	 <span class="QRcode-2">
           	 	<p>意见</p>
           		<p>反馈</p>
           	 </span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/002.png"/></span>
           	<span class="QRcode-2">
           		<p>扫码</p>
           		<p>下载</p>
           	</span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/003.png"/></span>
           	<span class="QRcode-2">
           		<p>官方</p>
           		<p>微信</p>
           	</span>
        </a>
    </div>
    <div class="QRcode-3">
        <p>扫描二维码下载手机app</p>
        <img src="../img/004.png"/>
    </div>
    <div class="QRcode-4">
        <p>扫描二维码关注官方微信</p>
        <img src="../img/004.png"/>
    </div>
</div>
</body>
<script src="../js/nav.js"></script>
<script src="../js/kc-kccs.js"></script>
<!--mask部分-->
<script src="../js/mask.js"></script>
<script src="../js/qrcode.js"></script>
</html>